﻿html, body {
	/*background:#6E6E6E url(images/bgBody.gif) repeat-x; 
	background:#ffffff url(images/bgBody.gif) repeat-x; */
	background:#000000;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	margin:0;
	padding:0;
}


html{
	font-size:62.5%;
}

h1{
	font-size:1.2em;
	color: #990000;
	padding:17px 0 0 17px;
}

#parent,
#parentNoScroll{
	/*background:#DADADA url(images/bgParent.gif);*/
	background:#ffffff url(images/bgParent.gif);
	border:1px solid #000000;
	text-align:left;
	margin:0 auto 0 auto;
    border-style:none;
	position:relative;
/*    border-color:Red;
    border-style:solid;
	border-width:1px;
*/
/*	width:990px;
    height:762px;
*/
}

#parentNoScroll{
	height:auto;
}

.krtopnav
{color:Gray;
 font-size:1.0em;
}

#banner{
	/*background:#6C6C6C url(Images/bgBanner.jpg) no-repeat 0 0;*/
	border-style:none;
	/*
	border-bottom:1px solid #ffffff;
    border-color:green;
    border-style:solid;
	border-width:1px;
	*/
}

/*
#banner input{
	float:right;
	margin:5px 15px 0 0;
	color: #666666;
	height:12px;
	font-size:9px;
}
*/

/*
#divHeader
{
	background: #ffffff; 
	width: 900px; 
	height: 130px;
	position:relative;
	top:10px;
	left:42px;
	margin-left:42px;
}
*/

.blacktext
{
	color:black;
}	

.redtext
{
	color:red;
}	

.customer
{
 font-size: 1.6em;
 color:Maroon;
}

.welcome
{
 color:black;
 font-size: 1.2em;
}

.welcome_error
{
 color:red;
 font-size: 1.6em;
}


#divDivider
{
	background: #000000; 
}

#divMenu
{
	/*background: #000000; */
	border-style:none;
}

#divContent
{
	overflow:auto;
/*	
	border-style:none;
	border-color:red; 
	border-style:solid;
	border-width:2px;
*/
}

/*
#divTree
{
	width: 900px; 
	height: 550px;
	position:relative;
	top:50px;
	left:42px;
	overflow:auto;
}
*/

#version{
  padding: 0 0 0 10px;
  margin: 0;
  position:absolute;
  top:5px;
  left: 10px;
  color:Black;
}

/*---TopNav Styles-----------------------------------------------*/
#topnav{
  padding: 0 0 0 0px;
  margin: 0;
  list-style: none;
  width:990px;
  position:relative;
  top:0px;
  left:0px;
  /*z-index:2000;*/
  background:#fff url(images/bgTopNav.gif) repeat-x;
}

#topnav li {
  float: left;
  position: relative;
  width: auto;
  margin:0 0 0 0;
  padding:5px 10px 10px 8px;
  background:url(images/bgTopNavLi.gif) no-repeat top right;
  color:#666666;
  font-size:1.1em;
  }
  
#topnav li a, #topnav li a:visited{
	color:#666666;
	text-decoration:none;
}

#topnav li a:hover{
	color:#990000;
	text-decoration:none;
}
  
#topnav li:hover, #topnav li.over{
   cursor:pointer; color:#990000;}
  
#topnav li:hover ul, #topnav li.over ul{ display: block;}
	
#topnav li ul {
  display: none;
  list-style:none;
  position: absolute; 
  top: 24px;
  width:125px;
  left: -1px;
  margin:0;
  padding:0;
  background:#F2F2F2 url(images/bgTopNavLiUl.gif) repeat-x;
  border-left:1px solid #666;
  border-bottom:1px solid #444;
  border-right:1px solid #444;
  }
  /*
#topnav li > ul {
	top: auto;
	left: auto;
	}*/
	
#topnav li ul li{
  width:100%;
  clear:left;
  margin:0 0 0 0;
  padding:0;
  background:none;
  }
  
#topnav li ul li a, #topnav li ul li a:visited{
	float:left;
	display:inline;
	width:105px;
	margin:0;
	padding:5px 8px 5px 12px;
	color:#990000;
	text-decoration:none;
	background:url(images/bgTopNavLiUlLi.gif) no-repeat 4px 9px;
	font-size:.9em;
	border-top:1px solid #D4D3D3;
}

/* hide from MacIE \*/
* html #topnav li ul li a, * html #topnav li ul li a:visited {
	width:100%;
	}
/* end hide */

#topnav li ul li a:hover{
	color:#CC0000;
background-color:#fff;
}

#topnav li ul li:hover, #topnav li ul li.over{ cursor:default;}

#topnav li.ListHighlightClass a {
	color:#990000;
	text-decoration:none;
}

#TreeView1 div.ListHighlightClass a {
	color:#990000;
	text-decoration:none;
}

.noborders{/*	border-style:solid;	border-color:Black;	border-width:1px;*/}
.noredborders{/*	border-style:solid;	border-color:Black;	border-width:1px;*/}
.redborders{border-style:solid;	border-color:Red; border-width:1px;}
.blackborders{border-style:solid; border-color:Black; border-width:1px;}

 .linkbutton a
{
    text-decoration: none;
    color:Black;
}

.linkbutton a:hover
{
    text-decoration: none;
	cursor:pointer;
	color:#990000;
}

 .linkheaderbutton a
{
    text-decoration: none;
    color:White;
}

.linkheaderbutton a:hover
{
    text-decoration: none;
	cursor:pointer;
	color:#990000;
}

.linkbutton td
{
    border-color:White;
    border-style:solid;
    border-width:1px;
    padding-left: 2px;
    padding-right: 2px;
}

.linkheaderbutton td
{
    border-color:White;
    border-style:solid;
    border-width:1px;
    padding-left: 2px;
    padding-right: 2px;
}

/*AutoComplete flyout */
.autocomplete_completionListElement 
{  
	margin : 0px!important;
	background-color : window;
	color : windowtext;
	border : buttonshadow;
	border-width : 1px;
	border-style : solid;
	cursor : 'default';
	overflow : scroll;
	height : 200px;
    text-align : left; 
    list-style-type : none;
    z-index : 60;
}

.autocomplete_completionListElement_Customers
{  
	margin : 0px!important;
	background-color : window;
	color : windowtext;
	border : buttonshadow;
	border-width : 1px;
	border-style : solid;
	cursor : 'default';
	overflow:scroll;
	height : 200px;
    text-align : left; 
    list-style-type : none;
    z-index : 60;
    font-size:1.4em;
}

.autocomplete_completionListElement_search
{  
	margin : 0px!important;
	background-color : window;
	color : windowtext;
	border : buttonshadow;
	border-width : 1px;
	border-style : solid;
	cursor : 'default';
	overflow:scroll;
	height : 200px;
    text-align:left; 
    list-style-type: none;
    z-index : 60;
    font-size:.7em;
}

/* AutoComplete highlighted item */
.autocomplete_highlightedListItem
{
	background-color: #ffff99;
	color : windowtext;
	padding:1px 0px 0px 0px;
	text-align : left;
    z-index : 60;
	width:500px;
}

/* AutoComplete item */
.autocomplete_listItem 
{
	background-color : window;
	color : windowtext;
	padding:1px 0px 0px 0px;
	text-align : left;
	z-index : 60;
	width:500px;
}

/*.cal_Theme1 .ajax__calendar_container   {    background-color: #e2e2e2;     border:solid 1px #cccccc; z-index:60;}*/
.cal_Theme1 .ajax__calendar_container   {    background-color: #e2e2e2;     border:solid 1px red; z-index:100;}
.cal_Theme1 .ajax__calendar_header  {    background-color: #ffffff;     margin-bottom: 4px;}
.cal_Theme1 .ajax__calendar_title,
.cal_Theme1 .ajax__calendar_next,
.cal_Theme1 .ajax__calendar_prev    {    color: #004080;     padding-top: 3px;}
.cal_Theme1 .ajax__calendar_body    {    background-color: #e9e9e9;     border: solid 1px #cccccc;}
.cal_Theme1 .ajax__calendar_dayname {    text-align:center;     font-weight:bold;     margin-bottom: 4px;     margin-top: 2px;}
.cal_Theme1 .ajax__calendar_day {    text-align:center;}
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_day,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_month,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_year,
.cal_Theme1 .ajax__calendar_active  {    color: #004080;     font-weight: bold;     background-color: #ffffff;}
.cal_Theme1 .ajax__calendar_today   {    font-weight:bold;}
.cal_Theme1 .ajax__calendar_other,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_today,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_title {    color: #bbbbbb;}

/*
.ajax__calendar .ajax__calendar_container {
    border:5px solid #646464;
    background-color: #ffffff;
    color: red;
	z-index:100; 
}
.ajax__calendar .ajax__calendar_other .ajax__calendar_day,
.ajax__calendar .ajax__calendar_other .ajax__calendar_year {
    color: black;
}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_day,
.ajax__calendar .ajax__calendar_hover .ajax__calendar_month,
.ajax__calendar .ajax__calendar_hover .ajax__calendar_year {
    color: black;
}
.ajax__calendar .ajax__calendar_active .ajax__calendar_day,
.ajax__calendar .ajax__calendar_active .ajax__calendar_month,
.ajax__calendar .ajax__calendar_active .ajax__calendar_year {
    color: black;
    font-weight:bold;
}
*/

/* Kyle CSS

.majorheader {
  text-align: center;
  font-size: medium;
  font-weight: bold;
  color: navy;
  padding: 5px;
  border-style: solid;
  border-color: Black;
  border-width: 1px;
}

.datagroup {
  padding-right: 5px;
  width: 250px;
  vertical-align: top;
}

.datatable  {
  width: 250px;
  padding: 0;
  font-size: smaller;
  vertical-align: middle;
}

.dataspacer {
  height: 25px;
}

.dataheader {
  font-size: small;
  font-weight: 600;
  color: Purple;
  width: 250px;
  height: 25px;
  text-align: center;
}

.datafooter {
  font-size: small;
  width: 250px;
  height: 25px;
  text-align: center;
}

.datacell-label {
  width: 125px;
  height: 25px;
  padding-right: 5px;
  text-align: right;
}

.datacell-control {
  width: 125px;
  height: 25px;
  padding-right: 5px;
  text-align: left;
}

.datacontrol {
  width: 120px;
  background-color: White;
}

.datacontrol-required {
  width: 120px;
  background-color: #FFFF80;
}

.search-table {
  width: 675px;
}

.search-header {
  width: 75px;
  text-align: right;
  font-weight: bold; 
}

.search-operator {
  width: 175px;
}

.search-separator {
  width: 25px;
}

.search-btnremove {
  width: 75px;
}

.search-KRID {
  height: 40px;
}

table {
  margin: 0;
  padding: 0;
  border-spacing: 0;
}

table td {
  margin: 0;
  padding: 0;
  border-spacing: 0;
}

*/

.majorheader {
  text-align: center;
  font-size: medium;
  font-weight: bold;
  color: navy;
  padding: 2px;
  background-color:Silver;
  border-style: solid;
  border-color: Black;
  border-width: 1px;
  width:98%;
}

.datagroup {
  padding-right: 5px;
  vertical-align: top;
/*  
  border-style: solid;
  border-color: Green;
  border-width: 1px;
*/
}

.datatable {
  table-layout:fixed;
  padding: 0;
  font-size: smaller;
  vertical-align: middle;
/*
  border-style: solid;
  border-color:Orange;
  border-width: 1px;
*/
}

.dataspacer {
  height: 5px;
}

.dataheader {
  font-size: small;
  font-weight: 600;
  color: Purple;
  width: 250px;
  height: 25px;
  text-align: center;
}

.datafooter {
  font-size: small;
  width: 250px;
  height: 25px;
  text-align: center;
}

.datacell-label {
  width: 100px;
  height: 25px;
  padding-right: 5px;
  text-align: right;
/*  
  border-style: solid;
  border-color:yellow;
  border-width: 1px;
*/
}

.datacell-label-attribute {
  width: 100px;
  height: 25px;
  padding-right: 5px;
  text-align: right;
 /*
  border-style: solid;
  border-color:yellow;
  border-width: 1px;
*/
}

.datacell-control {
  height: 25px;
  padding-right: 5px;
  text-align: left;
/*
  border-style: solid;
  border-color:yellow;
  border-width: 1px;
*/
}

.datacell-control-checkbox {
  height: 25px;
  padding-right: 5px;
  text-align: left;
/*  
  border-style: solid;
  border-color:yellow;
  border-width: 1px;
*/
}

.datacontrol {
  width: 120px;
}

.datacontrol-notes 
{
  width: 460px;
}

/* Used by Multiline textboxes (NOTES) */
textarea
{
   font-family:Microsoft Sans Serif, Sans-Serif;
}	

.datacontrol-DDL {
  width: 130px;
}

.datacontrol-longer {
  width: 144px;
}

.datacontrol-longest{
  width: 100%;
}

.datacontrol-KRID {
  width: 90px;
}

.datacontrol-shorter {
  width: 60px;
}

.datacontrol-div {
  width: 130px;
  padding: 0px;
  background-color: red;
}

.datacontrol_fraction {
  background-color:Transparent;
  color:Black;
  border-style:none;
  font-size:1.1em;
}

.datacontrol-required 
{
  background-color: #FFFF80;
}

.datacontrol-required-shorter 
{
  background-color: #FFFF80;
  width:60px;
}

.datacontrol-required-DDL 
{
  background-color: #FFFF80;
  width: 130px;
}

.search-table {
  width: 700px;
  font-size: 1.5em;
}

.search-datacell-label {
  width: 200px;
  height: 25px;
  padding-right: 5px;
  text-align: right;
  font-size:1.0em;
}

.search-operator {
  width: 175px;
}

.search-separator {
  width: 25px;
}

.search-btnremove {
  width: 75px;
}

table {
  margin: 0;
  padding: 0;
  border-spacing: 0;
}

table td {
  margin: 0;
  padding: 0;
  border-spacing: 0;
  font-size:1.1em;
}

.CBO .ajax__combobox_inputcontainer 
{
}

.CBO .ajax__combobox_textboxcontainer
{
}

.CBO .ajax__combobox_textboxcontainer input
{
}

.CBO .ajax__combobox_buttoncontainer
{
}

.CBO .ajax__combobox_buttoncontainer button
{
    background-image: url(<%=WebResource("AjaxControlToolkit.ComboBox.arrow-down.gif")%>);
    background-position: center;
    background-repeat: no-repeat;
    border-color: ButtonFace;
    height: 15px;
    width: 15px;
}

.CBO .ajax__combobox_itemlist
{
	/* DRB 7/24/09 There is a bug in AjaxToolkit Combobox that the dropdown does not offset right. Fix with margin. */
    margin-left:-70px;
    margin-top:-80px;
    padding: 0px;
    cursor: default;
    list-style-type: none;
    text-align: left;
    border: solid 1px ButtonShadow;
    background-color: Window;
    color: WindowText;
}

.CBO .ajax__combobox_itemlist li
{
    white-space: nowrap;
    width: 100%;
    padding: 0 3px 0 2px;
}

.CustomerTextBox
{
	position:absolute;
	top:0px;
	left:0px;
	font-weight:normal;
	font-size:1.4em; 
}
	
	